<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Get Shit Done Bootstrap Wizard by Creative Tim</title>

<meta
	content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'
	name='viewport' />
<meta name="viewport" content="width=device-width" />

<!--     Fonts and icons     -->
<link
	href="http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css"
	rel="stylesheet">

<!-- CSS Files -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="../assets/css/gsdk-bootstrap-wizard.css" rel="stylesheet" />

<!-- CSS Just for demo purpose, don't include it in your project -->
<link href="../assets/css/demo.css" rel="stylesheet" />


<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$("#log_in").click(function() {
			
			$("#login_form").submit(); 
			/* alert("Submitted"); */
		});
	});
</script>

</head>

<body>
	<div class="image-container set-full-height"
		style="background-image: url('../assets/img/wizard-boat.jpg')">
		<!--   Creative Tim Branding   -->

		<div class="logo-container">
			<div class="logo">
				<img src="../assets/img/new_logo.png">
			</div>
			<div>
				<a href="/jsxt/user/tologin.action">用户登录</a>
			</div>
		</div>
		</a>



		<!--   Big container   -->
		<div class="container">
			<div class="row">
				<div class="col-sm-8 col-sm-offset-2">

					<!--      Wizard container        -->
					<div class="wizard-container">

						<div class="card wizard-card" data-color="orange"
							id="wizardProfile">
							<form name="/jsxt/user/admin_login_form" id="login_form"
								action="../user/admin_login.action" method="post">
								<!--        You can switch ' data-color="orange" '  with one of the next bright colors: "blue", "green", "orange", "red"          -->

								<div class="wizard-header" id='dl'>
									<h3>
										<b>借书系统</b> <br> <small>Welcome!.</small>
									</h3>
								</div>

								<div class="wizard-navigation">
									<ul>
										<li><a href="#login" data-toggle="tab">管理员登录</a></li>
									</ul>

								</div>

								<div class="tab-content">
									<div class="tab-pane" id="login">
										<div class="row">
											<h4 class="info-text">填写您的登录信息：</h4>
											<div class="col-sm-4 col-sm-offset-1">
												<div class="picture-container">
													<div class="picture">
														<img src="../assets/img/tim_80x80.png" class="picture-src"
															id="wizardPicturePreview" title="" />

													</div>
												</div>
											</div>
											<div class="col-sm-6">
												<div class="form-group">
													<label>工号： </label> <input name="id" type="text" id="id"
														class="form-control" placeholder="...">
												</div>
												<div class="form-group">
													<label>登录密码： <small></small></label> <input name="password"
														id="password" type="password" class="form-control"
														placeholder="...">
												</div>
											</div>

										</div>
									</div>


									<div class="wizard-footer height-wizard">
										<div class="pull-right">
											<input type='button'
												class='btn btn-finish btn-fill btn-warning btn-wd btn-sm'
												id='log_in' name="login_bt" value='登录' />

										</div>


										<script>
function get(e){
	return document.getElementById(e);
}
	
	



</script>

										<div class="clearfix"></div>
									</div>
							</form>
						</div>
					</div>
					<!-- wizard container -->
				</div>
			</div>
			<!-- end row -->
		</div>
		<!--  big container -->

		<div class="footer">
			<div class="container">
				made with <i class="fa fa-heart heart"></i> by Group 12</a>
			</div>
		</div>

	</div>

</body>



<!--   Core JS Files   -->
<script src="../assets/js/jquery-2.2.4.min.js" type="text/javascript"></script>
<script src="../assets/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../assets/js/jquery.bootstrap.wizard.js"
	type="text/javascript"></script>

<!--  Plugin for the Wizard -->
<script src="../assets/js/gsdk-bootstrap-wizard.js"></script>

<!--  More information about jquery.validate here: http://jqueryvalidation.org/	 -->
<script src="../assets/js/jquery.validate.min.js"></script>

</html>
